<!DOCTYPE html>
<html lang="">
  <head>
    <meta charset="utf-8">
    <!-- 针对IE浏览器的设置，含义就是让IE浏览器以最高级别渲染页面 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 开启移动端的理想视口 -->
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <!-- 配置页签图标 -->
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <!-- 配置网页标题 -->
    <title><%= htmlWebpackPlugin.options.title %></title>
  </head>
  <body>
    <!-- vue推荐单页面开发，单页面就是只有一个页面，一个html文件 -->
    <!-- vue开发模式就是组件化开发，就是把各个功能拆分成一个一个组件，想显示什么效果就显示什么效果 -->
    <!-- vue要做的事情就是通过main.js把App.vue渲染到index.html指定的区域中-->
    <!-- 当浏览器不支持script时，noscript就会渲染显示出来 -->
    <noscript>
      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>

    <!-- 页面容器渲染组件，动态渲染容器里面的组件 -->
    <div id="app">
      <!-- 里面不用写任何东西，就算写了也会被动态渲染掉 -->
    </div>


    <!-- 打包完后的代码会自动引入 -->
    <!-- built files will be auto injected -->
  </body>
</html>
